body,html{height: 100%;background: #262628;}
.pull-right{float: right;}
.pull-left{float: left;}
#box{width: 10.8rem;display: -webkit-box;display: -moz-box;-webkit-box-orient: vertical;-webkit-box-orient: vertical;background: #262628;display: none;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
/*头部区*/
.total-head{height: 1.21rem;background: #111111;position: fixed;top: 0;overflow: hidden;z-index: 99;width: 10.8rem;}
.total-head i{position: absolute;}
.total-head i:nth-of-type(1){left: 0.42rem;font-size: 0.80rem;color: #c30d23;top: 0.20rem;}
.total-head i:nth-of-type(2){right: 0.42rem;font-size: 0.70rem;color: #fff;top: 0.20rem;}
.total-head img{padding-left:4.50rem;width: 2rem;}
/*内容区*/
.total-cont{-webkit-box-flex: 1;margin-top: 1.21rem;overflow: auto;-moz-box-flex: 1;background: #262628;}
.total-cont-top{display: -webkit-box;-webkit-box-orient: horizontal;border-bottom: 1px solid #5d5d5f;padding-bottom: 0.88rem;}
.total-cont-left{-moz-box-flex: 1;-webkit-box-flex: 1;text-align: center;padding-top: 1.16rem;}
.total-cont-left i{color: #818181;font-size: 0.68rem;}
.total-cont-left p{color: #FFFFFF;font-size: 0.34rem;padding-top: 0.42rem;}
.total-cont-middle{-moz-box-flex: 1;-webkit-box-flex: 1;text-align: center;padding-top: 0.44rem;}
.total-cont-middle img{width: 2rem;height: 2rem;border-radius: 50%;}
.total-cont-user{padding-top: 0.42rem;}
.total-cont-user span{color: #FFFFFF;font-size: 0.32rem;}
.total-cont-user i{color: #818181;font-size: 0.40rem;}
.total-cont-right{-moz-box-flex: 1;-webkit-box-flex: 1;text-align: center;padding-top: 1.16rem;}
.total-cont-right i{color: #818181;font-size: 0.68rem;}
.total-cont-right p{color: #FFFFFF;font-size: 0.34rem;padding-top: 0.42rem;}
.total-cont-foot{padding-top: 0.47rem;}
.total-cont-foot ul li{height: 2.06rem;line-height: 2.06rem;text-align: center;color: #FFFFFF;font-size: 0.43rem;}
.total-cont-foot ul li a{}
/*意见反馈弹出层*/
.mask{position: fixed;z-index: 999;top: 0; width:1.080rem; height: 100%;background: #FFFFFF;filter: alpha(opacity=50); opacity: 0.5;display: none;width: 10.8rem;}
.mask-top{background: #FFFFFF;width: 9.00rem;height: 5.50rem;position: fixed;z-index: 9999;top: 10%;left: 10%;z-index: 99999;display: none;border-radius: 12px;}
.mask-textarea{margin: 0.40rem 0.30rem;width: 8.00rem;height: 3.00rem;background: #FFFFFF;font-size: 0.40rem;padding: 0.10rem 0 0 0.20rem;border-radius: 0.12rem;}
.mask-button{background: #FFFFFF;}
.mask-delect{margin-left: 2.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}
.mask-send{margin-left: 1.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}
/*昵称修改弹出层*/
.user-mask{position: fixed;z-index: 999;top: 0; width:1.080rem; height: 100%;background: #FFFFFF;filter: alpha(opacity=50); opacity: 0.5;display: none;width: 10.8rem;}
.user-mask-top{background: #FFFFFF;width: 9.00rem;height: 4.50rem;position: fixed;z-index: 9999;top: 15%;left: 10%;z-index: 99999;display: none;border-radius: 12px;}
.user-input{margin: 0.40rem 0.30rem;width: 8.00rem;height: 1.00rem;background: #FFFFFF;font-size: 0.40rem;padding: 0.10rem 0 0 0.20rem;border-radius: 0.12rem;}
.user-mask-button{background: #FFFFFF;margin-top: 1rem;}
.user-mask-delect{margin-left: 2.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}
.user-mask-send{margin-left: 1.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}









